<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	<!-- form称之为表单标签 -->
	<!-- value 设置输入框默认值-->
	<!-- checked 在单选框和复选框里面用于默认选中-->
	<!-- selected 给下拉框进行默认选中-->
	<form>
		账号：
		<input type="text" name="" placeholder="请输入你的账号" value="123456" disabled>
		<!-- value 设置默认值-->
		<!-- placeholder 添加灰色字体-->
			<!-- type -->
				<!-- text文本输入框 什么都能输入 -->
				<!-- password 密码输入框-->
				<!-- radio 单选框 使用时需要组合使用使其name相同组成单选框组 -->
				<!-- checkbox 多选框 -->
		密码：
		<input disabled type="password" name="">
				<!-- password 密码输入框 -->
				<!-- disable 禁用表单项/-->
		<br>
		<!-- 换行 -->
		性别：
		<input type="radio" name="sex" id="a" checked>
		<!-- checked 在单选框和复选框里面用于默认选中-->
		<!-- lable 使用for 和 id 进行连接多半用于提升用户体验感（即点击文字与点击方框具有相同效果）-->
		<label for="a">女</label>
		<input type="radio" name="sex" id="man">
		<label for="man">男</label>
		<!-- radio 单选框 name可以用来组成单选框组 产生互斥效果-->
		<br>
		爱好：
		<!-- checkbox 复选框(多选框)-->
		<input type="checkbox" name="q" id="wa">
		<label for="wa">无畏契约</label>
		<input type="checkbox" name="q">英雄联盟
		<input type="checkbox" name="q">PUBG
		<input type="checkbox" name="q" id="man">
		<label for="man">三角洲行动</label>
		<input type="checkbox" name="q" checked>永劫无间
		<br>	
		<!-- textarea 文本域-->
			<!-- cols 宽-->
			<!-- rows 高-->
		投诉项：
		<textarea cols="45" rows="20"></textarea>
		<br>
		<!-- 下拉框	 -->
		身高：
		<select>
			<!-- 一个option代表一个选项 -->
			<option>150</option>
			<option>155</option>
			<option>160</option>
			<option>165</option>
			<option selected>170</option>
			<option>175</option>
			<option>180</option>
			<option>185</option>
		</select>&nbsp;cm
		<!-- selected 给下拉框进行默认选中-->

		尺码：
		<select>
			<optgroup label="l">
				<option>8</option>
				<option>7</option>
				
			</optgroup>		
			<optgroup label="xl">
				<option>6</option>
				<option>5</option>
				
			</optgroup>		
			<optgroup label="xl">
				<option>4</option>
				<option>3</option>
			</optgroup>
			<optgroup label="xl">
				<option>1</option>
				<option>2</option>
			</optgroup>
		</select>
		按钮：
		<input type="submit" name="" value="提交">
		<input type="reset" name="" value="重置">
		<!-- 以上两个专门给form标签使用的 -->
		<button type="button">我是普通按钮 可以单独使用</button>
	</form>
	<!-- 可以单独使用 不是组合标签 -->
	<!-- 写在form里面为了js中方便获取数据 方便重置表单 方便对表单进行统一管理 -->
	<input type="text" name="">
	<button disabled>按钮</button>
</body>
</html>